<layout name="Common/common"/>
    <style>
        .fil{
            margin-top:5px;
        }

    </style>

<div class="tab-div">
    <div id="tabbar-div">
        <p>
            <span class="tab-front" >基本信息</span>
            <span class="tab-back" >电参数</span>
            <span class="tab-back" >产品图片</span>
            <span class="tab-back" >外形尺寸及特性</span>
            <span class="tab-back" >其他图形</span>
        </p>
    </div>
    <div id="tabbody-div">
        <table width="90%" class="general-table" align="center">
            <tr>
                <td class="label">系列编码：</td>
                <td>
                    <input style="color:red;" type="text" name="xlmc" size="60" value="{$info.cpxlno}" readonly="readonly" >
                </td>
            </tr>
            <tr>
                <td class="label">系列名称：</td>
                <td>
                    <input style="color:red;" type="text" name="xlmc" size="60" value="{$info.xlmc}" readonly="readonly" >
                </td>
            </tr>
            <tr>
                <td class="label">系列简介：</td>
                <td>
                    <textarea name="intro" cols="80" rows="6" readonly="readonly">{$info.intro}</textarea>
                </td>
            </tr>
            <tr>
                <td class="label"><h4>技术标准：</h4></td>

                <td>
                    <foreach name="info['skill']" item="v">
                    <p><input type="text"  value="{$v}"size="60" readonly="readonly" /></p>
                    </foreach>
                </td>

            </tr>

            <tr>
                <td class="label">降功耗说明：</td>
                <td>
                    <input type="text" name="jghsm" value="{$info.jghsm}" size="60" readonly="readonly"/>
                </td>
            </tr>
            <tr>
                <td class="label">降功耗曲线图：</td>
                <td>
                    <?php if($info['jgh_img']){ ?>
                        <?php echo showimage($info['jgh_img'],300); ?>
                    <?php }else{ ?>
                        暂无图片
                    <?php } ?>
                </td>
            </tr>
            <tr>
                <td class="label">订货标识图：</td>
                <td>
                    <?php if($info['dhsl_img']){ ?>
                        <?php echo showimage($info['dhsl_img'],300); ?>
                    <?php }else{ ?>
                        暂无图片
                    <?php } ?>
                </td>
            </tr>
            <tr>
                <td class="label"><h4>说明：</h4></td>
                    <td>
                        <foreach name="info['sm']" item="v">
                        <p><input type="text"  value="{$v}"size="60" readonly="readonly"/></p>
                        </foreach>
                    </td>
            </tr>
        </table>
        <table width="90%" class="general-table" align="center" style="display:none">
            <tr>
                <td class="label">电参数</td>
                <td>
                    <foreach name="info['dianc']" item="c">
                    <p>
                        <input type="text" value="{$c.electriparam_name}" size="30">
                        <input type="text" value="{$c.electriparam_sign}" size="3">
                        <input type="text" value="{$c.electriparam_val}" size="40">
                    </p>
                    </foreach>
                </td>
            </tr>
        </table>
        <table width="90%" class="general-table" align="center" style="display:none">
            <tr>
                <td class="label">产品相册</td>
                <td>
                    <foreach name="info['img']" item="c">
                        <?php echo showimage($c['img'],300); ?><br>
                    </foreach>
                </td>
            </tr>
        </table>
        <table width="90%" class="general-table" align="center" style="display:none">
            <foreach name="info['ct']" item="c">
            <tr >
                <td class="label">{$c.ct_intro} : </td>
                <td>
                    <?php echo showimage($c['ct_img'],300); ?>
                </td>
            </tr>
            </foreach>

        </table>
        <table width="90%" class="general-table" align="center" style="display:none">
            <foreach name="info['qt']" item="c">
            <tr >
                <td class="label">
                    名称 : <input type="text" name="qt_name[]" value="{$c.qt_name}" readonly="readonly">
                </td>
                <td>
                    说明 : <input type="text" name="qt_intro[]" size="60" value="{$c.qt_intro}" readonly="readonly"><br>
                    <?php echo showimage($c['qt_img'],300); ?>
                </td>
            </tr>
            </foreach>
        </table>

    </div>
</div>


<script>
    //点击模块更改样式
    $('#tabbar-div p span').click(function(){
        var i = $(this).index();
        $('.general-table').hide();
        $('.general-table').eq(i).show();
        $('.tab-front').removeClass('tab-front').addClass('tab-back');
        $(this).removeClass('tab-back').addClass('tab-front')
    });
</script>
